var prefix = "/jzweb/eventresourceAllocations";
let prId =''
$(function () {
     prId = JSON.parse(sessionStorage.getItem('mlItem')).id
    load();
});


function load() {
    $('#exampleTable')
        .bootstrapTable(
            {
                method: 'get', // 服务器数据的请求方式 get or post
                url: prefix + "/getChildren", // 服务器数据的加载地址
                //	showRefresh : true,
                //	showToggle : true,
                //	showColumns : true,
                iconSize: 'outline',
                toolbar: '#exampleToolbar',
                striped: true, // 设置为true会有隔行变色效果
                dataType: "json", // 服务器返回的数据类型
                pagination: true, // 设置为true会在底部显示分页条
                singleSelect: false, // 设置为true将禁止多选
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageSize: 10, // 如果设置了分页，每页数据条数
                pageNumber: 1, // 如果设置了分布，首页页码
                //search : true, // 是否显示搜索框
                showColumns: false, // 是否显示内容下拉框（选择显示的列）
                sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
                queryParamsType: "",
                // //设置为limit则会发送符合RESTFull格式的参数
                queryParams: function (params) {
                    return {
                        //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                        pageNumber: params.pageNumber,
                        pageSize: params.pageSize,
                        // parentId: JSON.parse(sessionStorage.getItem('mlItem')).id,
                        parentId: prId,
                        title: $('#searchName').val()
                    };
                },
                // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                // queryParamsType = 'limit' ,返回参数必须包含
                // limit, offset, search, sort, order 否则, 需要包含:
                // pageSize, pageNumber, searchText, sortName,
                // sortOrder.
                // 返回false将会终止请求
                responseHandler: function (res) {
                    console.log(res);
                    return {
                        "total": res.data.total,//总数
                        "rows": res.data.records   //数据
                    };
                },
                columns: [
                    {
                        checkbox: true
                    },
                    // {
                    //     field: 'id',
                    //     title: '序号',
                    //     width: '200',
                    // },
                    {
                        field: 'title',
                        title: '标题',
                        width: '250',
                        formatter: function (value, row) {
                            // 这里假设row里有一个属性叫'details'，我们将用它作为Tooltip的内容
                            var tooltipContent = row.title; // 如果details不存在，则默认为空字符串

                            // 将内容包裹在带有data-toggle和title属性的元素中，以激活Tooltip
                            return `<span class="cell-wrap-text" data-toggle="tooltip" title="${tooltipContent}">${value}</span>`;
                        },
                    },
                    {
                        field: 'createBy',
                        title: '创建人',
                        width: '100',
                        formatter: function (value, row) {
                            // 这里假设row里有一个属性叫'details'，我们将用它作为Tooltip的内容
                            var tooltipContent = row.createBy; // 如果details不存在，则默认为空字符串

                            // 将内容包裹在带有data-toggle和title属性的元素中，以激活Tooltip
                            return `<span data-toggle="tooltip" title="${tooltipContent}">${value}</span>`;
                        },
                    },
                    {
                        field: 'createTime',
                        title: '创建时间',
                        width: '150',
                    },
                    {
                        field: 'updateTime',
                        title: '修改时间',
                        width: '150',
                    },
                    {
                        field: 'groupType',
                        title: '组别',
                        width: '150',
                        formatter: function (value, row) {
                            if (value == 1) {
                                return '<span class="label label-primary">中职组</span>';
                            }
                            if (value == 2) {
                                return '<span class="label label-info">高校组</span>';
                            }
                            if (value == 3) {
                                return '<span class="label label-warning">教师组</span>';
                            }
                            if (value == 4) {
                                return '<span class="label" style="background: lightpink;color: #fff">国际组</span>';
                            }
                            if (value == 5) {
                                return '<span class="label label-default">通用</span>';
                            }
                        },
                    },
                    {
                        field: 'nodeType',
                        title: '节点类型',
                        width: '100',
                        formatter: function (value, row) {
                            console.log(value, row)
                            if (value == 0) {
                                return '<span class="label label-primary">资源节点</span>';
                            }
                            if (value == 1) {
                                return '<span class="label label-warning">资源目录</span>';
                            }
                        },
                    },
                    {
                        field: 'type',

                        //0规程解读 1理论题库 2案例分析题 3模拟赛场 4裁判点评 5实操技能分析6实操赛项视频 7实操物料清单
                        title: '资源类型',
                        width: 100,
                        formatter: function (value, row) {
                            console.log(value, row)
                            let type = sessionStorage.getItem('jzEveMoId')
                            if (value == 0) {
                                return type != '1+X证书资源' ? '<span class="label label-primary">赛项规程</span>' : '<span class="label label-primary">证书标准</span>';
                            }
                            if (value == 1) {
                                return '<span class="label label-default">在线题库</span>';
                            }
                            if (value == 2) {
                                return type != '1+X证书资源' ? '<span class="label label-warning">竞赛试题</span>' : '<span class="label label-warning">课程标准</span>';
                            }
                            if (value == 3) {
                                return type != '1+X证书资源' ? '<span class="label label-info">赛场再现</span>' : '<span class="label label-info">模拟考场</span>';
                            }
                            if (value == 4) {
                                return type != '1+X证书资源' ? '<span class="label label-warning">专家点评</span>' : '<span class="label label-warning">考评标准</span>';
                            }
                            if (value == 5) {
                                return type != '1+X证书资源' ? '<span class="label label-info">技能参考</span>' : '<span class="label label-info">技能参考</span>';
                            }
                            if (value == 6) {
                                return type != '1+X证书资源' ? '<span class="label label-primary">赛场再现</span>' : '<span class="label label-default">考评物料</span>';
                            }
                            if (value == 7) {
                                return '<span class="label label-default">物料清单</span>';
                            }
                        },
                    },
                    {
                        field: 'fileurl',
                        title: '.png.jpg.zip文件',
                        width: '120',
                        formatter: function (value, row) {
                            console.log(value, row)
                            if (value) {
                                return '<a href="' + value + '" target="_blank">点击下载</a>';
                            }
                        },
                    },
                    {
                        field: 'docUrl',
                        title: '文档',
                        width: '80',
                        formatter: function (value, row) {
                            console.log(value, row)
                            if (value) {
                                return '<a href="' + value + '" target="_blank">点击下载</a>';
                            }
                        },
                    },
                    {
                        field: 'mp4url',
                        title: '音视频URL',
                        width: '100',
                        formatter: function (value, row) {
                            console.log(value, row)
                            if (value) {
                                return '<a href="' + value + '" target="_blank">点击查看</a>';
                            }
                        },
                    },
                    // {
                    // 	field: 'imgurl',
                    // 	title: '封面url',
                    // 	width: '100',
                    // 	formatter: function (value, row) {
                    // 		console.log(value, row)
                    // 		if (value) {
                    // 			return '<a href="' + value + '" target="_blank">点击查看</a>';
                    // 		}
                    // 	},
                    // },
                    // {
                    // 	field: 'values',
                    // 	title: '案例分析题',
                    // 	width: 200,
                    // 	formatter: function (value, row) {
                    // 		console.log(value, row)
                    // 		if (value) {
                    // 			return '<span>' + value + '</span>';
                    // 		}
                    // 	},
                    // },

                    // {
                    // 	field: 'nums',
                    // 	title: '题库数量',
                    // 	width: '80',
                    // },
                    {
                        title: '操作',
                        field: 'id',
                        align: 'center',
                        width: '200',
                        formatter: function (value, row, index) {
                            var e = '<a class="btn btn-primary btn-sm ' + s_edit_h + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
                                + row.id
                                + '\')"><i class="fa fa-edit"></i></a>';
                            var d = '<a class="btn btn-warning btn-sm ' + s_remove_h + '" href="#" title="删除"  mce_href="#" onclick="remove(\''
                                + row.id
                                + '\')"><i class="fa fa-remove"></i></a>';
                            var f = row.nodeType == 1 ? '<a data-list="' + encodeURIComponent(JSON.stringify(row)) + '" data-id="' + row.id + '" class="btn btn-success btn-sm config-property-btn" href="#" title="备用"  mce_href="#" ><i style="font-size: 12px;font-weight: bold;" class="layui-icon-addition layui-icon"></i></a>' : '';
                            return e + d + f;
                        }
                    }]
            });
}

function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}

$(document).on('click', '.config-property-btn', function (e) {
    e.preventDefault(); // 阻止默认行为
    var id = $(this).data('id'); // 获取data-id
    var rowDataStr = $(this).data('list'); // 获取data-list
    var rowData = JSON.parse(decodeURIComponent(rowDataStr)); // 解码并解析JSON字符串

    // 现在你可以使用rowData对象了
    resetPwd(id, rowData);
});

function editVedio(){
    var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
    if (rows.length == 0) {
        layer.msg("请选择要修改的数据");
        return;
    }
    layer.confirm("确认要修改选中的'" + rows.length + "'条数据吗?", {
        btn: ['确定', '取消']
        // 按钮
    }, function () {
        var ids = new Array();
        // 遍历所有选择的行数据，取每条数据对应的ID
        $.each(rows, function (i, row) {
            ids[i] = row['id'];
        });
        $.ajax({
            type: 'POST',
            data: {
                allocationIds: ids,
                second:$('#fmpic').val()*1000
            },
            url: '/jzweb/eventresourceAllocation/setImgUrl',
            success: function (r) {
                if (r.code == 0) {
                    layer.msg(r.msg);
                    reLoad();
                } else {
                    layer.msg(r.msg);
                }
            }
        });
    }, function () {

    });
}

function add() {
    layer.open({
        type: 2,
        title: '增加',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        content: '/jzweb/eventresourceAllocations/listChildren/add/' + prId // iframe的url
    });
}

function resetPwd(id, rowData) {
    console.log(rowData)
    sessionStorage.setItem('mlItem', JSON.stringify(rowData))
    sessionStorage.setItem('parentId', rowData.parentId)
    let index = layer.open({
        type: 2,
        title: rowData.title,
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['100%', '100%'],
        content: `/jzweb/eventresourceAllocations/listChildren?id=${new Date().getTime()}`,// iframe的url
        cancel: function (index, layero) { // 用户点击了取消按钮或关闭图标
            // 关闭时的处理逻辑
            sessionStorage.setItem('parentId', rowData.parentId)
            prId = sessionStorage.getItem('parentId')
            console.log(prId,'prId1111111111111111')
        },
    });
    layer.full(index);
}

function edit(id) {
    layer.open({
        type: 2,
        title: '编辑',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        content: '/jzweb/eventresourceAllocations/listChildren/edit/' + id // iframe的url
    });
}

function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn: ['确定', '取消']
    }, function () {
        $.ajax({
            url: prefix + "/remove",
            type: "post",
            data: {
                'id': id
            },
            success: function (r) {
                if (r.code == 0) {
                    layer.msg(r.msg);
                    reLoad();
                } else {
                    layer.msg(r.msg);
                }
            }
        });
    })
}

function batchRemove() {
    var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
    if (rows.length == 0) {
        layer.msg("请选择要删除的数据");
        return;
    }
    layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
        btn: ['确定', '取消']
        // 按钮
    }, function () {
        var ids = new Array();
        // 遍历所有选择的行数据，取每条数据对应的ID
        $.each(rows, function (i, row) {
            ids[i] = row['id'];
        });
        $.ajax({
            type: 'POST',
            data: {
                "ids": ids
            },
            url: prefix + '/batchRemove',
            success: function (r) {
                if (r.code == 0) {
                    layer.msg(r.msg);
                    reLoad();
                } else {
                    layer.msg(r.msg);
                }
            }
        });
    }, function () {

    });
}